<template>
  <div class="socket">
    <el-card class="socket-card">
      <div slot="header" class="socket-header"><span>客服小蜜</span></div>
      <div class="socket-content">
        <div class="socket-content-left">
          <user-socket-list />
        </div>
        <div class="socket-content-right">
          <socket-content />
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import SocketContent from '@/views/Socket/SocketContent'
import UserSocketList from '@/views/Socket/UserSocketList'
export default {
  components: {
    SocketContent,
    UserSocketList
  },
  data() {
    return {

    }
  },
  mounted() {
  },
  sockets: {

  }

}
</script>

<style lang="scss" scoped>
.socket{
  height: 900px;
  width: 1200px;

  margin: 80px auto;
    .socket-card{
        .socket-header{
            text-align: center;
            font-size: 20px;

        }
        .socket-content{
            display: flex;
            .socket-content-left{
                width: 25%;
            }
            .socket-content-right{
                width: 75%;
            }
        }
    }

}
</style>
